<template>
  <div class="test-container">
    <Pager
      :total="total"
      :current="current"
      :visibleNumber="10"
      :limit="10"
      @changePage="handlerPageChange"
    />
  </div>
</template>

<script>
import Pager from "./index.vue";
export default {
  components: {
    Pager,
  },
  data() {
    return {
      total: 499,
      current: 5,
    };
  },
  methods: {
    handlerPageChange(page) {
      console.log(page);
      this.current = page;
      // 加载当前页数据
    },
  },
};
</script>

<style>
</style>